@babel/plugin-syntax-typescript
Advanced tools
The @babel/plugin-syntax-typescript package is a plugin for Babel that allows Babel to parse TypeScript syntax. This means it enables Babel to understand TypeScript code, but it does not perform type checking or compilation to JavaScript. It's primarily used in projects that want to take advantage of Babel's transformations and plugins while writing their code in TypeScript.
Parsing TypeScript Syntax
This feature allows Babel to parse TypeScript code, including imports, exports, interfaces, and type annotations, without performing type checking. It's useful for projects that use Babel for code transformation and want to write their source code in TypeScript.
import { foo } from 'bar';
interface MyInterface {
myProperty: string;
}
const myVar: MyInterface = { myProperty: 'Hello' };The TypeScript package is the official compiler for TypeScript. Unlike @babel/plugin-syntax-typescript, it performs both parsing and compilation of TypeScript code into JavaScript, including type checking. It's a more comprehensive solution for projects that are exclusively using TypeScript.
This package is an ESLint parser that allows ESLint to lint TypeScript code. It's similar to @babel/plugin-syntax-typescript in that it enables understanding of TypeScript syntax, but it's specifically focused on linting rather than transforming code.
ts-node is a TypeScript execution engine and REPL for Node.js. It allows you to directly run TypeScript files in Node.js without pre-compiling them. This is different from @babel/plugin-syntax-typescript, which only parses TypeScript syntax for Babel transformations and does not include an execution environment.
Allow parsing of TypeScript syntax
See our website @babel/plugin-syntax-typescript for more information.
Using npm:
npm install --save-dev @babel/plugin-syntax-typescript
or using yarn:
yarn add @babel/plugin-syntax-typescript --dev
v7.27.1 (2025-04-30)
babel-parser
babel-parser, babel-types
babel-plugin-proposal-destructuring-private, babel-plugin-proposal-do-expressions, babel-traverse
babel-helper-wrap-function, babel-plugin-transform-async-to-generator
babel-helper-remap-async-to-generator, babel-plugin-transform-async-to-generator
babel-helper-fixtures, babel-parser
babel-generator, babel-parser
babel-parser
babel-compat-data, babel-preset-env
babel-traverse
babel-generator
babel-plugin-bugfix-v8-spread-parameters-in-optional-chaining, babel-plugin-proposal-decorators, babel-plugin-transform-arrow-functions, babel-plugin-transform-class-properties, babel-plugin-transform-destructuring, babel-plugin-transform-object-rest-spread, babel-plugin-transform-optional-chaining, babel-plugin-transform-parameters, babel-traverse
babel-runtime-corejs2, babel-runtime-corejs3, babel-runtime
regenerator-runtime dep in @babel/runtime (@nicolo-ribaudo)babel-compat-data, babel-preset-env
babel-compat-data, babel-standalone
babel-register
@babel/register to cts (@liuxingbaoyu)babel-cli, babel-compat-data, babel-core, babel-generator, babel-helper-compilation-targets, babel-helper-fixtures, babel-helper-module-imports, babel-helper-module-transforms, babel-helper-plugin-test-runner, babel-helper-transform-fixture-test-runner, babel-helpers, babel-node, babel-parser, babel-plugin-transform-modules-amd, babel-plugin-transform-modules-commonjs, babel-plugin-transform-modules-systemjs, babel-plugin-transform-modules-umd, babel-plugin-transform-react-display-name, babel-plugin-transform-regenerator, babel-plugin-transform-runtime, babel-plugin-transform-typeof-symbol, babel-plugin-transform-typescript, babel-preset-env, babel-register, babel-standalone, babel-types
babel-plugin-transform-regenerator
babel-helpers, babel-plugin-transform-async-generator-functions, babel-plugin-transform-regenerator, babel-preset-env, babel-runtime-corejs3
babel-helpers, babel-plugin-transform-regenerator
babel-helpers
babel-helpers, babel-plugin-transform-modules-commonjs, babel-runtime-corejs3
interopRequireWildcard size (@liuxingbaoyu)babel-helpers, babel-plugin-transform-async-generator-functions, babel-plugin-transform-regenerator, babel-preset-env, babel-runtime-corejs3
regeneratorRuntime size (@liuxingbaoyu)FAQs
Allow parsing of TypeScript syntax
The npm package @babel/plugin-syntax-typescript receives a total of 30,037,106 weekly downloads. As such, @babel/plugin-syntax-typescript popularity was classified as popular.
We found that @babel/plugin-syntax-typescript demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 4 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
/Security News
Socket identified 80 fake candidates targeting engineering roles, including suspected North Korean operators, exposing the new reality of hiring as a security function.
Application Security
/Research
/Security News
Socket detected multiple compromised CrowdStrike npm packages, continuing the "Shai-Hulud" supply chain attack that has now impacted nearly 500 packages.
Research
/Security News
Malicious update to @ctrl/tinycolor on npm is part of a supply-chain attack hitting 40+ packages across maintainers